<template>
  <view class="banner" :style="styleClass" @click="onRouter">
    <image
        class="index-top-bg-img"
        :src="src"
        mode=""
    ></image>
  </view>
</template>

<script>
export default {
  props:{
    src:{
      type:String,
      default:''
    },
    styleClass:{
      type:Object,
      default(){
        return {
          width: '100%',
          height: '186rpx'
        }
      }
    }
  },
  data(){
    return {
    }
  },
  methods: {
    //从图片跳页面
    onRouter(){
      this.$emit('routers')
    }
  }
}
</script>

<style lang="scss" scope>
.banner {
  image {
    width: 100%;
    height: 100%;
  }
}
</style>
